<%--
  Created by IntelliJ IDEA.
  User: 新月
  Date: 2019/9/10
  Time: 18:32
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>查询所有店铺</title>
    <link rel="icon" href="image/dp_favicon.ico">
    <link rel="stylesheet" href="../css/first_page.css">
    <link rel="stylesheet" href="../css/dp_login.css">
    <link rel="stylesheet" href="../css/dp_shop_list.css">
</head>
<body>
<!-- 顶部导航 -->
<div class="header-container">
    <div id="top-nav" class="top-nav">
        <div class="top-nav-container">
            <div class="mini-logo">
                <a href="">
                    <i class="icon-logo"></i>
                    大众点评首页
                </a>
            </div>
            <div class="quick-menu">
                <ul class="quick-menu-ul">
                    <li class="menu-item"><a href="">写点评</a> </li>
                    <li  class="menu-item">
                        <a href="">
                            <span>你好，请登录</span>
                        </a>
                        <a href="">
                            <span>免费注册</span>
                        </a>
                    </li>
                    <li  >
                        <div class="menu-item dropdown">
                            <a href="" >
                                <p>个人中心</p>
                                <img src="image/sanjiaoxing.svg">
                            </a>

                            <div class="dropdown-content">
                                <a href="">我的点评</a>
                                <a href="">我的收藏</a>
                                <a href="">我的团购</a>
                            </div>
                        </div>
                    </li>
                    <li  class="menu-item"><a href="">商户服务</a> </li>

                </ul>

            </div>
        </div>
    </div>
</div>
<!-- logo部分 -->
<div class="header">
    <div class="big-logo">
        <a href=""><img src="image/logo@2x-1828c2a9.png"></a>
        <span>苏州</span>
    </div>
    <div class="search-area">
        <input type="text">
        <input type="submit" value="搜索">
    </div>
</div>


<!-- banner区域-->
<div class="top-main">
    <div class="nav-bar">
        <ul>
            <li>
                <div class="top-nav-left">
                    <span class="droptn">全部美食分类</span>
                    <div class="dropdown-content">
                        <div class="types">
                            <a href="">中餐</a>
                            <a href="">火锅</a>
                            <a href="">人气聚餐</a>
                            <div class="detil-types">
                                <span>中餐</span>
                                <a href="">日本菜</a>
                                <a href="">人气聚餐</a>
                            </div>
                        </div>
                        <div class="types">
                            <a href="">异国料理</a>
                            <a href="">东南亚</a>
                            <a href="">自助餐</a>
                            <div class="detil-types">
                                <span>异国料理</span>
                                <a href="">东南亚</a>
                                <a href="">自助餐</a>
                            </div>
                        </div>
                        <div class="types">
                            <a href="">小吃夜宵</a>
                            <a href="">海鲜</a>
                            <a href="">小吃快餐</a>
                            <div class="detil-types">
                                <span>小吃夜宵</span>
                                <a href="">海鲜</a>
                                <a href="">小吃快餐</a>
                            </div>
                        </div>
                        <div class="types">
                            <a href="">甜点饮品</a>
                            <a href="">面包</a>
                            <a href="">咖啡</a>
                            <div class="detil-types">
                                <span>甜点饮品</span>
                                <a href="">面包</a>
                                <a href="">咖啡</a>
                                <a href="">面包</a>
                                <a href="">咖啡</a>
                                <a href="">面包</a>
                                <a href="">咖啡</a>
                                <a href="">咖啡</a>
                                <a href="">面包</a>
                                <a href="">咖啡</a>
                                <a href="">面包</a>
                                <a href="">咖啡</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="top-nav-right"><img src="image/jiantou.png"></div>
            </li>
            <li>
                <a href="">霸王餐</a>
                <img src="image/hot.png">
            </li>
            <li><a href="">社区论坛</a> </li>
        </ul>
    </div>
</div>
<!--body区域-->
<div class="shop-search">
    <!--苏州美食-->
    <div class="bread-numb" >
        <a href="">苏州美食</a>>
        <a href="">素食</a>>
        <a href="">工业园区</a>>
        <a href="">博览中心</a>

    </div>
    <!--分类-->
    <div class="fenle">
        <h4>分类:</h4>

        <a href="">
            不限
        </a>
        <div class="xiaochi">
            <a href="">小吃快餐</a>
            <a href="">本帮江浙菜</a>
            <a href="">自助餐</a>
            <a href="">面包甜点</a>
            <a href="">西餐</a>
            <a href="">川菜</a>
            <a href="">火锅</a>
            <a href="">咖啡厅</a>
            <a href="">酒吧</a>
            <a href="">小吃快餐</a>
            <a href="">本帮江浙菜</a>
            <a href="">自助餐</a>
            <a href="">面包甜点</a>
            <a href="">西餐</a>
            <a href="">川菜</a>
            <a href="">火锅</a>
            <a href="">咖啡厅</a>
            <a href="">酒吧</a>
            <a href="">小吃快餐</a>
            <a href="">本帮江浙菜</a>
            <a href="">自助餐</a>
            <a href="">面包甜点</a>
            <a href="">西餐</a>
            <a href="">川菜</a>
            <a href="">火锅</a>
            <a href="">咖啡厅</a>
            <a href="">酒吧</a>
            <a href="">小吃快餐</a>
            <a href="">本帮江浙菜</a>
            <a href="">自助餐</a>
            <a href="">面包甜点</a>
            <a href="">西餐</a>
            <a href="">川菜</a>
            <a href="">火锅</a>
            <a href="">咖啡厅</a>
            <a href="">酒吧</a>
            <a href="">小吃快餐</a>
            <a href="">小吃快餐</a>
            <a href="">小吃快餐</a>
        </div>

    </div>
    <!--地点-->
    <div class="fenle">
        <h4>地点:</h4>
        <div class="fenle-content">
            <a href="">
                不限
            </a>
            <div class="remen">
                <a href="">热门商区</a>
                <a href="">行政区</a>
                <a href="">地铁线</a>
            </div>
        </div>
        <div>
            <div class="xiaochi">
                <a href="">小吃快餐</a>
                <a href="">本帮江浙菜</a>
                <a href="">自助餐</a>
                <a href="">面包甜点</a>
                <a href="">西餐</a>
                <a href="">川菜</a>
                <a href="">火锅</a>
                <a href="">咖啡厅</a>
                <a href="">酒吧</a>
                <a href="">小吃快餐</a>
                <a href="">本帮江浙菜</a>
                <a href="">自助餐</a>
                <a href="">面包甜点</a>
                <a href="">西餐</a>
                <a href="">川菜</a>
                <a href="">火锅</a>
                <a href="">咖啡厅</a>
                <a href="">酒吧</a>
                <a href="">小吃快餐</a>
                <a href="">本帮江浙菜</a>
                <a href="">自助餐</a>
                <a href="">面包甜点</a>
                <a href="">西餐</a>
                <a href="">川菜</a>
                <a href="">火锅</a>
                <a href="">咖啡厅</a>
                <a href="">酒吧</a>
                <a href="">小吃快餐</a>
                <a href="">本帮江浙菜</a>
                <a href="">自助餐</a>
                <a href="">面包甜点</a>
                <a href="">西餐</a>
                <a href="">川菜</a>
                <a href="">火锅</a>
                <a href="">咖啡厅</a>
                <a href="">酒吧</a>
                <a href="">小吃快餐</a>
                <a href="">小吃快餐</a>
                <a href="">小吃快餐</a>
            </div>
        </div>


    </div>
    <!--有团购-->
    <div class="content-tupian">
        <div class="filter">
            <div class="filter-classify">

                <a href="">
                    <input type="checkbox" name="">
                    有团购
                </a>
                <a href="">
                    <input type="checkbox" name="">
                    可订座
                </a>
                <a href="">
                    <input type="checkbox" name="">
                    可外卖
                </a>
            </div>
            <div class="filt-service">
                <ul>
                    <li>
                        <a href="" class="cur">智能</a>
                    </li>
                    <li>
                        <div class="haoping">
                            <a href="">好评</a>
                            <i class="icon-arr-down"></i>
                        </div>
                    </li>
                    <li>
                        <div class="haoping">
                            <a href="">人气</a>
                            <i class="icon-arr-down"></i>
                        </div>
                    </li>
                    <li>
                        <div class="haoping">
                            <a href="">口味</a>
                            <i class="icon-arr-down"></i>
                        </div>

                    </li>
                    <li class="new">
                        <div class="haoping">
                            <a href="">其他排序</a>
                            <div class="t1"></div>
                        </div>
                        <div class="hidden">
                            <a href="">点评最多</a>
                            <a href="">环境最佳</a>
                            <a href="">服务最佳</a>
                            <a href="">预订优先</a>
                        </div>
                    </li>
                    <li class="new">
                        <div class="haoping">
                            <a href="">人均</a>
                            <div class="t1"></div>
                        </div>
                        <div class="hidden">
                            <a href="">人均最高</a>
                            <a href="">人均最低</a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="shop-tu">
        <ul>
            <li>
                <div class="pic">
                    <img src="image/tupian.jpg">
                </div>
                <div class="txt">
                    <div class="tit">
                        <a href=""><h4>素满香素食自助餐厅（观前街店）</h4></a>
                    </div>
                    <div class="dianping">
                        <a href="">[]</a>
                        <a href="">条点评</a>
                        <a href="">人均￥</a>
                        <a href="">[]</a>
                    </div>
                    <div class="sushi">
                        <a href="">素食</a>
                        <em>|</em>
                        <a href="">观前街地区</a>
                        <span> 观前街太监弄31号二楼</span>
                    </div>
                    <div>
                        <span>推荐菜：</span>
                        <a href="">满城尽是黄金甲</a>
                        <a href="">黄咖喱</a>
                        <a href="">卷珠帘</a>
                    </div>
                    <div>
                        <span>团购：</span>
                        <a>团购：大蔬无界!仅售718元！最高价值826元的黑珍珠甄选四人餐，提供免费WiFi。</a>
                    </div>
                </div>
            </li>
            <li>
                <div class="pic">
                    <img src="image/tupian2.jpg">
                </div>
                <div class="txt">
                    <div class="tit">
                        <a href=""><h4>兔蔬馆Veggie bar(新光天地店)</h4></a>
                    </div>
                    <div class="dianping">
                        <a href="">[]</a>
                        <a href="">条点评</a>
                        <a href="">人均￥</a>
                        <a href="">[]</a>
                    </div>
                    <div class="sushi">
                        <a href="">素食</a>
                        <em>|</em>
                        <a href="">观前街地区</a>
                        <span> 观前街太监弄31号二楼</span>
                    </div>
                    <div>
                        <span>推荐菜：</span>
                        <a href="">满城尽是黄金甲</a>
                        <a href="">黄咖喱</a>
                        <a href="">卷珠帘</a>
                    </div>
                    <div>
                        <span>团购：</span>
                        <a>团购：大蔬无界!仅售718元！最高价值826元的黑珍珠甄选四人餐，提供免费WiFi。</a>
                    </div>
                </div>
            </li>
            <li>
                <div class="pic">
                    <img src="image/tupian3.jpg">
                </div>
                <div class="txt">
                    <div class="tit">
                        <a href=""><h4>兔蔬馆Veggie bar(新光天地店)</h4></a>
                    </div>
                    <div class="dianping">
                        <a href="">[]</a>
                        <a href="">条点评</a>
                        <a href="">人均￥</a>
                        <a href="">[]</a>
                    </div>
                    <div class="sushi">
                        <a href="">素食</a>
                        <em>|</em>
                        <a href="">观前街地区</a>
                        <span> 观前街太监弄31号二楼</span>
                    </div>
                    <div>
                        <span>推荐菜：</span>
                        <a href="">满城尽是黄金甲</a>
                        <a href="">黄咖喱</a>
                        <a href="">卷珠帘</a>
                    </div>
                    <div>
                        <span>团购：</span>
                        <a>团购：大蔬无界!仅售718元！最高价值826元的黑珍珠甄选四人餐，提供免费WiFi。</a>
                    </div>
                </div>
            </li>
            <li>
                <div class="pic">
                    <img src="image/tupian4.jpg">
                </div>
                <div class="txt">
                    <div class="tit">
                        <a href=""><h4>兔蔬馆Veggie bar(新光天地店)</h4></a>
                    </div>
                    <div class="dianping">
                        <a href="">[]</a>
                        <a href="">条点评</a>
                        <a href="">人均￥</a>
                        <a href="">[]</a>
                    </div>
                    <div class="sushi">
                        <a href="">素食</a>
                        <em>|</em>
                        <a href="">观前街地区</a>
                        <span> 观前街太监弄31号二楼</span>
                    </div>
                    <div>
                        <span>推荐菜：</span>
                        <a href="">满城尽是黄金甲</a>
                        <a href="">黄咖喱</a>
                        <a href="">卷珠帘</a>
                    </div>
                    <div>
                        <span>团购：</span>
                        <a>团购：大蔬无界!仅售718元！最高价值826元的黑珍珠甄选四人餐，提供免费WiFi。</a>
                    </div>

                    <h2> 分页显示所有的商品</h2>

                    <ul>
                        <c:forEach var="pro" items="${productList}" >
                            <li>
                                商品id:<span>${pro.proId}</span>
                                商品名称:<span>${pro.proName}</span>
                                商品价格:<span>${pro.proPrice}</span>
                                商品图片:<img src="${pageContext.request.contextPath}/${pro.proImage}" style="width: 50px;height: 50px;"></img>
                            </li>
                        </c:forEach>

                    </ul>

                    <c:if test="${page.pageNum !=1}">
                        <a href="${pageContext.request.contextPath}/product/all?page=${page.pageNum-1}">上一页</a>  ,
                    </c:if>

                    当前页码${page.pageNum}

                    <c:if test="${page.pageNum  != page.pages}">
                        <a href="${pageContext.request.contextPath}/product/all?page=${page.pageNum+1}">下一页</a>
                    </c:if>

                    总记录数：${page.total},
                    总页数：${page.pages}
                </div>
            </li>
        </ul>

    </div>
</div>

<!-- 网站底部 -->
<div class="footer-container">
    <div class="links">
        <ul>
            <li><a href="" >关于大众点评</a></li>
            <li><a href="" >诚守公约</a></li>
            <li><a href="" >网站帮助</a></li>
            <li><a href="" >人才招聘</a></li>
            <li><a href="" >最新资讯</a></li>
        </ul>
        <p>©2003-2019 dianping.com, All Rights Reserved. 本站发布的所有内容，未经许可，不得转载，详见 《知识产权声明》。</p>
    </div>
</div>
</div>

</body>
</html>
